<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>教务系统</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		frame{
			height: 2000px;
		}
	</style>
	<link rel="stylesheet" href="css/StudentLeft.css">
	<script src="js/jquery-1.9.1.min.js"></script>

</head>
<body>

<div class="nav">

	<div class="nav-list">

	<div class="nav-tit" id="personal">
    			<a href="/admin/teacher/select" target="main">
    				<img src="images/personal-msg.png" alt="">
    				<span>个人信息</span>
    			</a>
    			</div>

		<div class="nav-tit" id="personal">
			<a href="/violate" target="main">
				<img src="images/personal-msg.png" alt="">
				<span>违纪管理</span>
			</a>
		</div>


		<div class="nav-tit">
			<a href="studentadd" target="main">
				<img src="images/archives-msg.png" alt="">
				<span>学生信息添加</span>
			</a>
		</div>
		<div class="nav-tit">
			<a href="classadd" target="main">
				<img src="images/archives-msg.png" alt="">
				<span>班级添加</span>
			</a>
		</div>
        <div class="nav-tit">
            <a href="ShowAllStudent" target="main">
                <img src="images/archives-msg.png" alt="">
                <span>学生添加</span>
            </a>
        </div>
		<div class="nav-tit">
			<a href="banci" target="main">
				<img src="images/archives-msg.png" alt="">
				<span>班次管理</span>
			</a>
		</div>


		<div class="nav-tit">
			<a href="/Teacherrevise" target="main">
				<img src="images/modify-password.png" alt="">
				<span>修改密码</span>
			</a>
		</div>
	</div>
</div>

<script>
	$(document).ready(function(){
		$('#personal').on('click',function(){
			$('#personal-child').fadeToggle(300);
		});
		let aLi = $('#personal-child li');
		aLi.on('click',function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		})
	});
</script>
</body>
</html>
